<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>AVD</title>
        <link rel="stylesheet" type="text/css" href="stylesheets/screen.css" />
        <link rel="stylesheet" type="text/css" href="stylesheets/custom.css" />
        <link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
        <script charset="utf-8" type="text/javascript" src="scripts/ajax.js" ></script>
    </head>
    <body>
        <!-- Navigation -->
        <div class="container">
            <div class="span-24 center box" id="navbar">
                <ul>
                    <li>
                        <a href="#" title="Home" onclick="openPage('home');">Home</a>
                    </li>
                    <li class="page_item page-item-28">
                        <a href="#" title="About" onclick="openPage('about');">About</a>
                    </li>
                    <li class="page_item page-item-28">
                        <a href="#" title="Download">Download</a>
                    </li>
                    <li class="page_item page-item-2">
                        <a target="_blank" href="http://code.google.com/p/anothervirtualdisk/source" title="Source">Source</a>
                    </li>
                    <li class="page_item page-item-28">
                        <a target="_blank" href="http://code.google.com/p/anothervirtualdisk/wiki" title="Wiki">Wiki</a>
                    </li>
                    
                    <li class="page_item page-item-28">
                        <a href="#" title="Help">Help</a>
                    </li>
                </ul>
            </div> <!-- /navbar -->
        </div> <!-- /container -->

        <!-- Header -->
        <div class="container" id="header">
            <div class="span-16 logo" id="header-left">
                <img src="images/logo.png" alt="Another Disk Virtual logo"/>
            </div> <!-- /header-left -->
            <div id="header-right">
                <input class="buttondownload" type="image" src="images/downbutton.gif" style="outline: none;"/><br/>
                <span class="small">Free for <a>Linux</a>, <a>Windows</a> and <a>Mac</a>.</span>
            </div> <!-- /header-right -->
            <hr>
        </div> <!-- /header -->
        <!-- End Header -->

        <!-- Main -->
        <div class="container" id="main">
            <div id="content" class="span-14 prepend-1 append-1 pushdown-2 first">
                <div id="inner">
                    <h3>Welcome</h3>
                    <ul>
                    <li><a>Sync files of any size or type</a></li>
                    <li><a>Share large files and photos easily</a></li>
                    <li><a>Automatic online backup</a></li>
                    </ul>
                </div>
            </div>
            <div id="sidebar" class="span-6 prepend-1 pushdown-2 last">
                <div class="sidebar-cat">
                    <h2>Login</h2>
                    <div class="textwidget">
                        <label>Email</label>
                        <div id="separator"></div>
                        <input class="textinput smallinput" type="text" id="userLogin" />
                        <div id="separator"></div>
                        <label>Password</label>
                        <div id="separator"></div>
                        <input class="textinput smallinput" type="password" id="passwordLogin" />
                        <div id="separator"></div>
                        <input class="buttoninput" type="button" value="Login" id="btnSubmit" onclick="login();"/>
                        <div id="separator"></div><br/>
                        <input class="buttonregister" type="image" src="images/registerbutton.gif" />
                    </div>
                    <br/>
                    <br/>
                </div>
            </div>
        </div> <!-- /main -->

        <!-- footer -->
        <div class="container" id="footer">
            <div class="span-22 append-1 prepend-1 small center" id="footer-copyright">
                2009 Zumbits
            </div><!-- /footer-copyright-->
        </div><!-- /footer -->
    </body>
</html>
